var map = new BMapGL.Map('container'); // 创建Map实例
var point = new BMapGL.Point(104.06615, 30.5791);
map.centerAndZoom(point, 18); // 初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放

var marker = new BMapGL.Marker(point);  // 创建标注
map.addOverlay(marker);              // 将标注添加到地图中
var opts = {
    width : 500,     // 信息窗口宽度
    height: 300,     // 信息窗口高度
    title : "万息科技" , // 信息窗口标题
    message:"集训岗前集训中心"
};
var content = '<div class="top">\n' +
    '    <div>\n' +
    '        <!--        對div居中做两件事件：1.设置当前div的宽度2.对父div设置display-->\n' +
    '        <div>\n' +
    '            <div><img src="../img/logo_g0yv.jpg" height="141" width="204"/></div>\n' +
    '            <div>\n' +
    '                <div><img src="../img/icon2_03_uc2a.png" height="30" width="30"/></div>\n' +
    '                <div>028-99999999</div>\n' +
    '            </div>\n' +
    '        </div>\n' +
    '    </div>\n' +
    '    <div>\n' +
    '        <div>\n' +
    '            <a href="#">\n' +
    '                <div> 网站首页</div>\n' +
    '            </a>\n' +
    '            <a href="#">\n' +
    '                <div> 公司简介</div>\n' +
    '            </a>\n' +
    '            <a href="#">\n' +
    '                <div> 新闻动态</div>\n' +
    '            </a>\n' +
    '            <a href="#">\n' +
    '                <div> 产品展示</div>\n' +
    '            </a>\n' +
    '            <a href="#">\n' +
    '                <div> 在线留言</div>\n' +
    '            </a>\n' +
    '            <a href="#">\n' +
    '                <div> 联系我们</div>\n' +
    '            </a>\n' +
    '        </div>\n' +
    '    </div>\n' +
    '    <div>\n' +
    '        <div class="ad">\n' +
    '            <div>\n' +
    '                品味生活·品味美食\n' +
    '            </div>\n' +
    '            <div>\n' +
    '                <div>一壶茶沏出了生活的醇美</div>\n' +
    '                <div> 一枝花开出了生活的鲜艳</div>\n' +
    '                <div>一首诗吟出了生活的酸辛</div>\n' +
    '                <div>一把火燃烧出了生活的激情</div>\n' +
    '                <div>一技笔绘出了人生的五彩缤纷</div>\n' +
    '                <div>一首歌唱出了人生的喜怒哀惧</div>\n' +
    '                <div>生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</div>\n' +
    '            </div>\n' +
    '            <div>\n' +
    '                <div>\n' +
    '                    <div>品味</div>\n' +
    '                    <div>生活</div>\n' +
    '                    <div>品味</div>\n' +
    '                    <div>美食</div>\n' +
    '                </div>\n' +
    '                <div>星语餐饮给你生活指南</div>\n' +
    '            </div>\n' +
    '        </div>\n' +
    '    </div>\n' +
    '</div>';
var infoWindow = new BMapGL.InfoWindow(content,opts);  // 创建信息窗口对象
marker.addEventListener("click", function () {
    map.openInfoWindow(infoWindow, point); //开启信息窗口
});